<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="Scripts/jquery.jqdock.min.js"></script>
    <style type="text/css">
	#HandlerBar{
	background-color: #444;
	width: 160px;
	left: 0px;
	top: 0px;
	position: absolute;
	}
	.container{
	background-color: #444;
	position: absolute;	
	top: 0px;
	padding: 5px;
		}		
	</style> 
    <script type="text/javascript">
	function pausefly()
		{
			window.parent.document.frames["mainFrame"].pauseFly();
		}
		function stopfly()
		{
			window.parent.document.frames["mainFrame"].stopFly();
			jQuery(window.parent.document).find("#HandlerBar").fadeOut(500);	
			//回到漫游状态
			//window.parent.frames["mainFrame"].pan_Method();
		}
		function startfly()
		{
			window.parent.document.frames["mainFrame"].StartFly();
		}
		function turnLeft()
		{
			window.parent.document.frames["mainFrame"].TurnLeft();
		}
		function turnRight()
		{
			window.parent.document.frames["mainFrame"].TurnRight();			
		}
	$(document).ready(function(){
		//滑动特效
		//alert("flyHandler ready");
		$("#play").mouseover(function(){
			$("#play").css("background-color","#0066FF");
			});
		$("#play").mouseout(function(){
			$("#play").css("background-color","#444");
			});
			
		$("#pause").mouseover(function(){
			$("#pause").css("background-color","#0066FF");
			});
		$("#pause").mouseout(function(){
			$("#pause").css("background-color","#444");
			});
			
		$("#back").mouseover(function(){
			$("#back").css("background-color","#0066FF");
			});
		$("#back").mouseout(function(){
			$("#back").css("background-color","#444");
			});
			$("#back").mouseover(function(){
			$("#back").css("background-color","#0066FF");
			});
			
		$("#turnLeft").mouseout(function(){
			$("#turnLeft").css("background-color","#444");
			});
		$("#turnLeft").mouseover(function(){
			$("#turnLeft").css("background-color","#0066FF");
			});
		$("#turnRight").mouseout(function(){
			$("#turnRight").css("background-color","#444");
			});
		$("#turnRight").mouseover(function(){
			$("#turnRight").css("background-color","#0066FF");
			});
		//退出飞行管理工具栏
/*		
		$("#back").click(function(){
			stopfly();
			jQuery(window.parent.document).find("#HandlerBar").fadeOut(500);	
			//回到漫游状态
			window.parent.frames["mainFrame"].pan_Method();			
			});
		//停止飞行
		$("#pause").click(function(){
			pausefly();
			});
		//开始飞行
		$("#play").click(function(){
			startfly();
			});
		$("#turnLeft").click(function(){
			turnLeft();
			});
		$("#turnRight").click(function(){
			turnRight();
			});
*/	
		});
  
    </script>  
  
<title>FlyHandler</title>


 </head>
 <body bgcolor="#444">
 	<div id="HandlerBar">    
       <div onClick="startfly()" id="play" class="container" style="left:0px">
        <img src="images/play.png" title="开始飞行" style="width:50px;height:50px;">
       </div>      
       <div onClick="turnLeft()" id="turnLeft" class="container" style="left:60px">
        <img src="images/left2.png" title="左转" style="width:50px;height:50px;">
       </div>
       <div onClick="turnRight()" id="turnRight" class="container" style="left:120px">
        <img src="images/right2.png" title="右转" style="width:50px;height:50px;">
       </div>
        <div onClick="pausefly()" id="pause" class="container" style="left:180px">
        <img src="images/stop.png" title="停止飞行" style="width:50px;height:50px;">
       </div>
       <div onClick="stopfly()" id="back" class="container" style="left:240px">
       <img src="images/quit.png" title="停止飞行" style="width:50px;height:50px;">
       </div>
    </div>    

</body>
   </html>




